<template>
  <div>

    <el-popover placement="left" title="" width="280" trigger="hover" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
      <div class="mainpadding">
        <div class="titletext">猜你想问</div>
        <base-question path="login"/>
      </div>
      <div class="aside flexcolumn pointer" slot="reference">
        <i class="el-icon-headset" style="font-size: 24px;"></i>
        <div>问题咨询</div>
      </div>
    </el-popover>
  </div>
</template>

<script>
import BaseQuestion from "@/components/BaseQuestion.vue";

export default {
  name: "problemInfo",
  components: { BaseQuestion }
}
</script>

<style scoped>
.aside {
  position: fixed;
  right: 0;
  top: 45%;
  width: 80px;
  height: 80px;
  background-color: #1063f1;
  border-radius: 10px 0 0 10px;
  color: #fff;
}

.dian {
  width: 5px;
  display: inline-block;
  border-radius: 10px;
  height: 5px;
  background-color: #1063f1;
  margin-right: 5px;
}

.itemli {
  font-size: 20px;
}
</style>